<script>
  // import Counter from "./lib/Counter.svelte";
  // import StyleDemo from "./lib/StyleDemo.svelte";
  // import StyleDemo from "./lib/StyleDemo2.svelte";
  // import EditDemo from "./lib/EditDemo.svelte";
  // import PropDemo from "./components/PropDemo.svelte";
  // import Parent from "./lib/Parent.svelte";
  // import StoreView  from './lib/storeView.svelte'
  // import SlotView from './lib/SlotView.svelte'
  // import TwoBind from './lib/TwoBind.svelte'
  // import UseDemo from './lib/UseDemo.svelte'
  // import EventDemo from './lib/EventDemo.svelte'

  // 基础语法
  // import Basic from './components/Basic.svelte'

  // 上下文
  // import ContextDemo from './lib/ContextDemo.svelte'

  /*
    路由配置
  */
  import Home from "./routes/index.svelte";

  // let answer = "dd";
  // let headerContent = {
  //   title: "首页",
  //   desc: "首页描述信息",
  //   version: "1.0",
  // };

  // let receivedData;

  // function handleCustomEvent(event) {
  //   receivedData = event.detail;
  //   console.log("receivedData:",receivedData)
  // }
</script>
<h1>APP</h1>
<div style="background-color: #dddddd;padding:20px">
  <Home name="首页" />
</div>
<!-- 
<main>
  <div class="card"> -->
<!-- - <Counter /> -->
<!-- <StyleDemo />  -->
<!-- <EditDemo />  -->
<!-- {answer} : answer = {answer} -->
<!-- <PropDemo {answer} {...headerContent} on:customEvent={handleCustomEvent}/> -->
<!-- <Parent /> -->

<!-- <StoreView /> -->

<!-- <SlotView /> -->

<!-- 双向绑定 -->
<!-- <TwoBind /> -->

<!-- <UseDemo /> -->
<!-- <EventDemo /> -->

<!-- <Basic /> -->
<!-- <ContextDemo /> -->
<!-- </div>
</main> -->
